// colors
$colors: (
  "primary": #db9e3f,
  "red": #ff0000,
  "a-title": #4394e4,
  "white": #ffffff,
  "white-1": #fcfcfc,
  "light": #f9f9f9,
  "light-1": #d4d9de,
  "light-2": #eceef0,
  "gray": #999999,
  "gray-1": #777777,
  "gray-2": #666666,
  "gray-3": #b6afa8,
  "dark-2": #343440,
  "dark-1": #1a1a20,
  "dark": #212222,
  "black": #000000,
); 

$border-color: map-get($map: $colors, $key: 'light-1');

// font-size
$base-font-size: 13px;
$font-sizes: (
  "xxs": 0.6154,
  "xs": 0.75,
  "sm": 0.9,
  "base": 1,
  "lg": 1.075,
  "xl": 1.25,
  "xxl": 1.5,
);

$flex-jc: (
  "start": flex-start,
  "end": flex-end,
  "center": center,
  "between": space-between,
  "around": space-around,
  "evenly": space-evenly,
);

$flex-ai: (
  "start": flex-start,
  "end": flex-end,
  "center": center,
  "stretch": stretch,
);

// spacing
// 0-5: 0 0.25 0.5 1 1.5 3
// .mt-1 => margin-top: 3.25px;
// .pb-2 => padding-bottom: 6.5px;
$spacing-types: (
  m: margin,
  p: padding,
);

$spacing-direction: (
  t: top,
  r: right,
  b: bottom,
  l: left,
);

$spacing-base-size: 13px;
$spacing-sizes: (
  "0": 0,
  "1": 0.25,
  "2": 0.5,
  "3": 1,
  "4": 1.5,
  "5": 3,
);

$attr-base-size : 1.0155rem;